<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>用户注册</title>
    <script>
        if (window.top !== window.self) {
            window.top.location = window.location;
        }
    </script>
    <style>
        html, body {
            height: 100%;
            margin: 0;
            padding: 0;
        }

        body {
            background-image: url("/assets/imgs/login.gif");
            background-size: cover;
        }

        .container {
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .form-wrap {
            padding: 50px;
            width: 400px;
            border-radius: 4px;
            background-color: #fff;
        }

        .form-item {
            margin-bottom: 10px;
            position: relative;
        }

        .text-right {
            text-align: right;
        }

        .form-item input {
            padding: 10px;
            width: 100%;
            height: 40px;
            box-sizing: border-box;
        }

        .btn {
            width: 100%;
            height: 40px;
        }
    </style>
</head>
<body>

<div class="container">
    <div class="form-wrap">
        <form method="post" action="/register">
            <div class="form-item">
                <input type="text" name="username" value="" placeholder="请输入账号"/>
            </div>
            <div class="form-item">
                <input type="text" name="password" value="" placeholder="请输入密码"/>
            </div>
            <div class="form-item">
                <button type="submit" class="btn">注 册</button>
            </div>
            <p class="text-right">
                <small>已经有账户了？</small><a href="/login.html">点此登录</a>
            </p>
        </form>
    </div>
</div>

</body>
</html>
